<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../css/index.css" />
		<!--<link rel="stylesheet" href="../css/public.css" />-->
		<script src="../JS/require.js" data-main = "../JS/main-index"></script>
		<script src="../JS/jquery-1.11.3.js"></script>
	</head>
	<body>
	<a href="#"id="top"></a>
	<header>
	    <div id="login-box">
	    	<div id="login-left">
	    		<li><a href="#">会员卡激活</a></li>
	    		<li><a href="#">讲师查询</a></li>
	    		<li><a href="#">校园资讯</a></li>
	    	</div>
	    	<div id="login-right">
	    		<ul>
	    			<li class="login"><a target="_blank" href="login.html">【登录】</a></li>
	    			<li class="regis"><a target="_blank" href="register.html">【注册】</a></li>
	    			<li class="dingdan"><a href="">我的订单</a></li>
	    			<li class="myxz">
	    				<a href="" >我的校妆</a>
	    				<ul class="small-xz">
                            <li>
                                <a href="#">我的校妆</a>
                            </li>
                            <li>
                                <a href="#">我的优惠券</a>
                            </li>
                            <li>
                                <a href="#">我的积分</a>
                            </li>
                            <li>
                                <a href="#">我的储值</a>
                            </li>
                            <li>
                                <a href="#">我的咨询</a>
                            </li>
                            <li>
                                <a href="#">我的收藏</a>
                            </li>
                        </ul>
	    			</li>
	    			<li class="service"><a href="">客户服务</a></li>
	    		</ul>
	    	</div>
	    </div>
	</header>
	<section id="logo-box">
		<div id="logo-cont">
			<h2 class="logo"><a href="#"></a></h2>
			<div class="search">
				<input type="text" />
				<button></button>
				<ul>
					<li>热门：</li>
					<li class="first-search"><a href="#">SKIN79</a></li>
	                <li><a href="#">SUNSHOP</a></li>
	                <li><a href="#">乳液</a></li>
	                <li><a href="#">护肤套装</a></li>
	                <li><a href="#">保湿补水</a></li>
	                <li><a href="#">面膜</a></li>
	                <li><a href="#">BB霜</a></li>
	                <li><a href="#">美白</a></li>
				</ul>
			</div>	
			<div class="safe">
				<span><i></i>100%正品</span>
           		<span><i></i>校园服务</span>
                <span><i></i>满98免运费</span>
			</div>		
		</div>
			
	</section>
	<nav id="nav-box">
		<div id="nav-cont">
			<ul>
				<li class="classify">
					<a href="#" id="all">全部商品分类</a>
					<i></i>
					<ul class="list">
						<li class="classify1">
							<span></span>
	                        <a href="html/list/list.html">面部护肤</a>
	                        <a href="#">防晒隔离</a>
	                        <a class="face" href="#">面膜</a>
	                        <a href="#">眼部护理</a>
	                        <a href="#">护肤套装</a>
						</li>
						<li>
							<span></span>
	                        <a href="#">时尚彩妆</a>
	                        <a href="#">面部妆容</a>
	                        <a class="face" href="#">眼部妆容</a>
	                        <a href="#">唇部妆容</a>
	                        <a href="#">彩妆套装</a>
						</li>
						<li> 
							<span></span>
	                        <a href="#">个人护理</a>
	                        <a href="#">身体润肤</a>
	                        <a class="face" href="#">沐浴清洁</a>
	                        <a href="#">手足护理</a>
	                        <a href="#">秀发洗护</a>
						</li>
						<li>
							<span></span>
	                        <a href="#">美体/工具</a>
	                        <a href="#">美体塑身</a>
	                        <a class="face" href="#">身体脱毛</a>
	                        <a href="#">护肤工具</a>
	                        <a href="#">彩妆工具</a>
						</li>
						<li>
							<span></span>
	                        <a href="#">男士护理</a>
	                        <a href="#">面部护理</a>
	                        <a class="face" href="#">剃须护理</a>
	                        <a href="#">身体护理</a>
	                        <a href="#">护理套装</a>
						</li>
						<li>
							<span></span>
	                        <a href="#">经典香氛</a>
	                        <a href="#">女士香水</a>
	                        <a class="face" href="#">男士香水</a>
	                        <a href="#">迷你香水</a>
	                        <a href="#">香水套装</a>
						</li>
					</ul>
				</li>
				<li><a href="">首页</a><i></i></li>
				<li class="skin"><a href="">SKIN79专区</a><i></i></li>
				<li><a href="">积分购</a><i></i></li>
				<li><a href="">美课堂</a><i></i></li>
				<li><a href="">手机校妆</a><i></i></li>
				<li class="shopcart"><a href="">购物车</a><i></i></li>
			</ul>
		</div>
	</nav>
	<!--轮播图部分-->
	<main id="banner">
		<ul class="bigimg">
			
		</ul>
		<ol class="smallLi">
			
		</ol>
	</main>
	
	<div id="homebox">
		<div id="s-sale">
			<div class="sale-left">
				<div class="title1">
					<h3>超级特卖</h3>
					<span>Super sale</span>
					<p class="gongao"><b></b></p>
				</div>
				<div>
					<img src="" alt="" />
					<div class="time"></div>
					<p>
						
					</p>
					<i>￥</i>
					<i>￥</i>
					<a href="#">立即抢购</a>
				</div>
				<div>
					<img src="" alt="" />
					<div class="time"></div>
					<p>
						
					</p>
					<i>￥</i>
					<i>￥</i>
					<a href="#">立即抢购</a>
				</div>
				<div>
					<img src="" alt="" />
					<div class="time"></div>
					<p>
						
					</p>
					<i>￥</i>
					<i>￥</i>
					<a href="#">立即抢购</a>
				</div>
				<div>
					<img src="" alt="" />
					<div class="time"></div>
					<p>
						
					</p>
					<i>￥</i>
					<i>￥</i>
					<a href="#">立即抢购</a>
				</div>
				<div>
					<img src="" alt="" />
					<div class="time"></div>
					<p>
						
					</p>
					<i>￥</i>
					<i>￥</i>
					<a href="#">立即抢购</a>
				</div>
				<div>
					<img src="" alt="" />
					<div class="time"></div>
					<p>
						
					</p>
					<i>￥</i>
					<i>￥</i>
					<a href="#">立即抢购</a>
				</div>
			</div>
			<div class="activities">
				<div class="title2">
					<h3>精彩活动</h3>
					<span>Selected activities</span>
				</div>
				<div class="ac-cont">
					<img src="../images/16120480229e850a7c1f4b1ae34e4334e39326.jpg" alt="">
                    <i>韩束</i>
                    <a href="#"></a>
				</div>
			</div>
			<div class="brand-sale">
				<div class="title3">
					<h3>品牌特卖</h3><span>Brand sale</span>
				</div>
				<div class="brand-cont">
					<ul>
						<li>
							<img src="../images/1619017980c3e66005abf9b0db193c473e636b.jpg" alt="" />
							<span>
								<p>韩哥</p>
								<p>满59赠达人面膜一片</p>
							</span>
						</li>
						<li><img src="../images/1619512542fbc1f47fb38aecde0489f46fd78c.jpg" alt="" />
						<span>
								<p>韩后</p>
								<p>满59赠达人面膜一片</p>
							</span>
						</li>
						<li>
							<img src="../images/16204727460087676b48f4ecc12435ad777db8.jpg" alt="" />
							<span>
								<p>沙织小姐</p>
								<p>满59赠达人面膜一片</p>
							</span>
						</li>
					</ul>
				</div>
			</div>
		</div>
		
		<div id="b-recommend">
			<div class="brand-title">
				<h3>品牌推荐</h3>
				<span>Beand Recommendation</span>
			</div>
			<div class="brand-logo">
				
			</div>
		</div>
		<!-------热门推荐------->
		<div id="hot">
			<div class="hot-title">
				<h3>热销推荐</h3><span>Hot Recommendation</span>
				<ul>
					<li><a href="">保湿</a>/</li>
					<li><a href="">清洁</a>/</li>
					<li><a href="">祛痘</a>/</li>
					<li><a href="">卸妆</a>/</li>
					<li><a href="">眼妆</a>/</li>
					<li><a href="">隔离</a>/</li>
					<li><a href="">控油</a>/</li>
					<li><a href="">MORE></a></li>
				</ul>
			</div>
			<div class="hot-cont">
				<!--<div>
                        <span>
                        真心<br>便宜
                        </span>
                        <img src="#" alt="">
                        <i></i>
                        <i></i>
                        <i>¥</i>
                        <i>¥</i>
                        <i></i>
                        <i>人已购买</i>
                        <b></b>
                        <a href="#">立即抢购</a>
                </div>-->
			</div>
		</div>		
	</div>
	
	<div id="bottomBox">
        <div class="serve">
            <ul>
                <li>
                    <a href="#"></a>
                    <i>正品承诺</i>
                    <i>100%正品保障</i>
                </li>
                <li>
                    <a href="#"></a>
                    <i>美妆事业</i>
                    <i>专业团队保障</i>
                </li>
                <li>
                    <a href="#"></a>
                    <i>校园服务</i>
                    <i>细致贴心服务</i>
                </li>
                <li>
                    <a href="#"></a>
                    <i>包裹派发</i>
                    <i>18小时内闪电发货</i>
                </li>
                <li>
                    <a href="#"></a>
                    <i>金牌客服</i>
                    <i>7*24小时优质售后服务</i>
                </li>
            </ul>
        </div>
        <div class="siteMap">
            <div>
                <ul>
                    <li><a href="#">新手指南</a></li>
                    <li><a href="#">用户注册</a></li>
                    <li><a href="#">找回密码</a></li>
                    <li><a href="#">购物流程</a></li>
                </ul>
            </div>
            <div>
                <ul>
                    <li><a href="#">安全支付</a></li>
                    <li><a href="#">在线支付</a></li>
                    <li><a href="#">会员储值</a></li>
                    <li><a href="#">货到付款</a></li>
                </ul>
            </div>
            <div>
                <ul>
                    <li><a href="#">配送流程</a></li>
                    <li><a href="#">配送说明</a></li>
                    <li><a href="#">演说查收</a></li>
                    <li><a href="#">商品包装</a></li>
                </ul>
            </div>
            <div>
                <ul>
                    <li><a href="#">售后服务</a></li>
                    <li><a href="#">100%正品</a></li>
                    <li><a href="#">退换货政策</a></li>
                    <li><a href="#">退换货流程</a></li>
                </ul>
            </div>
            <div>
                <span>关注微信公众号</span>
                <img src="../images/bottomCode.jpg" alt="">
            </div>
            <div>
                <span>全国统一客服热线</span>
                <span>400-036-9090</span>
                <span>
                    服务时间 : 08：30-24：00
                </span>
                <span>
                    客服邮箱 : 
                <a href="#">
                    kefu@pingdagroup.com
                </a>
                </span>
                <span>
                    投诉邮箱 : 
                <a href="#">
                    monitor@xzhuang.com
                </a>
                </span>
            </div>
        </div>
        <div class="about">
            <a href="#">关于欲妆</a>
            <a href="#">隐私声明</a>
            <a href="#">网站地图</a>
            <a href="#">联系我们</a>
            <p>Copyright 2008-2017 校妆网 Xzhuang.com 版权所有 沪ICP备15046755号</p>
        </div>
        <div class="link">
            <a href="#"></a>
            <a href="#"></a>
            <a href="#"></a>
        </div>
    </div>
        
        
	</body>
</html>
<!--<script src="../JS/jquery-1.11.3.js"></script>
<script src="../JS/hot-product.js"></script>
<script src="../JS/banner.js"></script>-->
<!--<script src="../JS/require.js"></script>-->

